<?xml version="1.0" encoding="UTF-8" ?>
<html>
<head>
<link rel="stylesheet" href="http://localhost:8080/invoicePdf.css" media="all" type="text/css"></link>
<link rel="stylesheet" href="http://localhost:8080/invoiceHtml.css" media="all" type="text/css"></link>

<meta http-equiv="content-type" content="text/html; charset=utf-8" />
<script type="text/javascript" charset="utf-8" src="http://localhost:8080/invoice_common.js"></script>
<script type="text/javascript" charset="utf-8" src="http://localhost:8080/json2.js"></script>
<script type="text/javascript" charset="utf-8" src="http://localhost:8080/ajax.js"></script>
<script type="text/javascript" charset="utf-8" src="http://localhost:8080/display.js"></script>

</head>
<body id="body" onload="javascript:init();" onunload="unload();" oncontextmenu="doContext(event); return false;">
<div class="_page" id="pageA4"><!-- 用紙サイズをA4、ページ向きを縦にしています -->

    <table cols="7" id="widths" class="table" >
    
        <!-- タイトル -->
        <tr>
            <td id="titleLeft">
            </td>
            <td colspan="5" id="borderTop" align="center" height="50">
                <span id="title" />
            </td>
            <td id="titleRight">
            </td>
        </tr>
        
        <tr>
            <td id="spaceLeft">
            </td>
            <td colspan="5" align="right" id="invoiceNoTd" class="fontsize10">
                <div>御請求No : <span id="invoiceNo" /></div>
                <div>発行日: <span id="issuedDate" /></div>
                <br />
            </td>
            <td id="spaceRight">
            </td>
        </tr>
        
        <!-- 御社名 -->
        <tr>
            <td id="spaceLeft">
            </td>
            <td colspan="2" id="subTitle" class="fontsize12">
                <span id="companyName"></span>
                <span>　御中</span>
            <br />
            </td>
            <!-- 弊社ロゴ -->
            <td colspan="3" align="right" valign="middle">
                <img src="http://localhost:8080/vteclogo.jpg" width="150.0" height="68.0" id="vteclogoImg" />
            </td>
            <td id="spaceRight">
            </td>
        </tr>

        <!-- 弊社名 -->
        <tr>
            <td id="spaceLeft">
            </td>
            <td colspan="2" align="left" id="jobTd" class="fontsize12U">
                <div>件　名：<span id="job" /></div>
            </td>
            <td colspan="3" align="right" id="companyTd" class="fontsize10">
                <div id="myCompanyName"></div>
                
                <div>
                <span>〒</span>
                <span id="zip"></span>
                <span id="address"></span>
                </div>
                
                <div>
                <span>TEL : </span>
                <span id="phone"></span>
                </div>
            </td>
            <td id="spaceRight">
            </td>
        </tr>

        <!-- 内容 -->
        <tr>
            <td id="spaceLeft">
            </td>
            <td colspan="4" align="left">
                <br />
                <br />
                <br />
                <br />
                <br />
                <div id="summary"></div>
                <br />
                <div class="fontsize15U"><span id="invoiceTitle"></span>：￥
                <span id="total" class="fontsize15U"></span>
                <span class="fontsize15U"> -</span>
                </div>
                <br />
                <br />
            </td>
            <!-- 弊社印鑑 -->
            <td colspan="1" align="right" id="stamp">
                <img src="http://localhost:8080/stamp.jpg" width="70.0" height="70.0" id="stampImg" />
            </td>
            <td id="spaceRight">
            </td>
        </tr>

        <!-- 内訳タイトル -->
        <tr>
            <td id="spaceLeft" class="space">
            </td>
            <td align="center" class="tableTd" id="seqnoTd" bgcolor="#B5D0F1">
                <span id="seqno" />
            </td>
            <td align="center" class="tableTd" id="descriptionTd" bgcolor="#B5D0F1">
                <span id="description" />
            </td>
            <td align="center" class="tableTd" id="quantityTd" bgcolor="#B5D0F1">
                <span id="quantity" />
            </td>
            <td align="center" class="tableTd" id="unitPriceTd" bgcolor="#B5D0F1">
                <span id="unitPrice" />
            </td>
            <td align="center" class="tableTd" id="lineTotalTd" bgcolor="#B5D0F1">
                <span id="lineTotal" />
            </td>
            <td id="spaceRight" class="space">
            </td>
        </tr>

        <!-- 内訳内容 -->
        <div class="_for" value="order"> <!-- 繰り返し処理　ここから -->
        <tr class="_for" value="order" id="_for">
            <td id="spaceLeft">
            </td>
            <td align="center" height="25" class="tdCenter">
                <span id="seqno-i"></span>
            </td>
            <td align="left" height="25" class="tdLeft">
                <span id="productcd-i"></span>
            </td>
            <td align="center" height="25" class="tdCenter">
                <span id="quantity-i"></span>
            </td>
            <td align="right" height="25" class="tdRight">
                <span></span>
                <span id="unitPrice-i"></span>
            </td>
            <td align="right" height="25" class="tdRight">
                <span></span>
                <span id="lineTotal-i"></span>
            </td>
            <td id="spaceRight">
            </td>
        </tr>
        </div>    <!-- 繰り返し処理　ここまで -->


        <tr>
            <td id="spaceLeft">
            </td>
            <td height="5" colspan="5" class="td">
            </td>
            <td id="spaceRight">
            </td>
        </tr>

        <tr>
            <td id="spaceLeft">
            </td>
            <td colspan="3" align="right" height="25" class="tdRight">
                <span id="subtotal"></span>
            </td>
            <td colspan="2" align="right" height="25" class="tdRight">
                ￥<span id="subtotal1"></span>-
            </td>
            <td id="spaceRight">
            </td>
        </tr>

        <tr>
            <td id="spaceLeft">
            </td>
            <td colspan="3" align="right" height="25" class="tdRight">
                <span id="salestax"></span>
            </td>
            <td colspan="2" align="right" height="25" class="tdRight">
                ￥<span id="salestax1"></span>-
            </td>
            <td id="spaceRight">
            </td>
        </tr>

        <tr>
            <td id="spaceLeft">
            </td>
            <td colspan="3" align="right" height="25" class="tdRight">
                <span id="totalTd"></span>
            </td>
            <td colspan="2" align="right" height="25" class="tdRight">
                ￥<span id="totalTd1"></span>-
            </td>
            <td id="spaceRight">
            </td>
        </tr>

        <tr>
            <td id="spaceLeft">
            </td>
            <td height="25" colspan="5" >
            </td>
            <td id="spaceRight">
            </td>
        </tr>

        <tr>
            <td id="spaceLeft">
            </td>
            <td  colspan="5" align="left" height="25" class="tdLeft" id="noteT" bgcolor="#B5D0F1">
            <span id="note"></span>
            </td>
            <td id="spaceRight">
            </td>
        </tr>

        <tr class="fontsize10">
            <td id="spaceLeft">
            </td>
            <td  colspan="5" align="left" height="25" class="tdLeft">
            <div id="note1"></div>
            <div id="note2"></div>
            <div id="note3"></div>
            <br />
            </td>
            <td id="spaceRight">
            </td>
        </tr>

        <tr>
            <td colspan="7" height="25" id="borderBottom">
            </td>
        </tr>

    </table>

</div>
</body>
</html>
